{% extends "base.html" %}

{% block title %}Password reset{% endblock %}

{% block head %}
<script type="text/javascript">
  $(function() {
    $("#id_email").focus();
  });
</script>
{% endblock %}

{% block primary-content %}
<span class="breadcrumbs"><a href="{% url index %}" title="Home">Home</a> &raquo; Reset Password</span>
  <h2>Reset Your Password</h2>
  <p class="page-intro">Reset your password for {{ site.name }}</p>
	<div class="form-wrapper clearfix">
    {% if form.errors %}
    <p class="error">Please enter a valid email address.</p>
    {% endif %}
    <form class="simple-form" method="post">
      {% csrf_token %}
      <div class="form-item{% if form.email.errors %} error{% endif %}">
        <label for="id_email">Email</label>
        {{ form.email }}
      </div>      
      <div class="form-input clear-left">
        <input class="button" type="submit" value="Reset my password"/>
      </div>
    </form>
	</div><!--end .form-wrapper-->
{% endblock %}

{% block secondary-content %}
  {% include "snippets/reports_and_news.html" %}
{% endblock %}


